import React from 'react'//创建react元素
import ReactDOM from 'react-dom'//渲染react元素
// 使用react创建jiao
//  <div class="list">
//    <h1>水果</h1>
//     <ul>
//        <li>苹果</li>
//        <li>橘子</li>
//      </ul>
//  </div> 
// const element = React.createElement('div', { id: 'el' }, 'Hi React')
const element = React.createElement('div', { className: 'list' },
  [
    React.createElement('h1', 'null', '水果'),
    React.createElement('ul', 'null',
      [
        React.createElement('li', 'null', '苹果'),
        React.createElement('li', 'null', '橘子'),
      ])
  ])

ReactDOM.render(element, document.getElementById('root'))